<template>
    <div class="right-top">
        <div>
            <span class="iconfont icon-close"></span>
        </div>
        <el-dropdown split-button type="primary" @click="handleClick">
            欢迎：管理员
            <template #dropdown>
                <el-dropdown-menu>
                    <el-dropdown-item>个人中心</el-dropdown-item>
                    <el-dropdown-item>修改密码</el-dropdown-item>
                    <el-dropdown-item>退出登录</el-dropdown-item>
                </el-dropdown-menu>
            </template>
        </el-dropdown>
    </div>
</template>

<script setup>
const handleClick = () => { }
</script>

<style lang="less" scoped>
.right-top {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    .iconfont{
        font-size: 30px;
        color: #999;
        &:hover{
            color: #007ACC;
            cursor: pointer;
        }
    }
}   
</style>